<template>
	<view class="card-body">
		<image src="/static/img/200x300.png" mode="scaleToFill"></image>
    <view>
      <view @click="goDetails" class="title">考研政治大乱斗1000题</view>
      <view class="desc">背多分，加油，四大按什么测试网所得税多淡粉色四大按什么测试网所得税多淡...</view>
      <view>分类: 学习>考研</view>
      <view>题数: 98</view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 1
			}
		},
    methods:{      
      goDetails(){
        uni.navigateTo({
          url:'/pages/exam-paper/exam-paper?id=' + this.id
        })
      }
    }
	}
</script>

<style scoped>
.card-body {
  display: flex;
  padding-top: 20rpx;
}
.card-body>image{
  width: 200rpx;
  height: 260rpx;
  margin-right: 30rpx;
}
.card-body>view{
  flex: 1;
  font-size: 24rpx;
  line-height: 40rpx;
  color: #222;
}
.card-body .title{
  font-size: 30rpx;
  line-height: 60rpx;
  font-weight: 600;
}
.card-body .desc{
  font-size: 24rpx;
  line-height: 30rpx;
  color: #666666;
  margin-top: 10rpx;
  margin-bottom: 12rpx;
}
</style>
